<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:body>
        <ui:composition template="./../plantillas/plantillaBase.xhtml">
            <ui:define name="titulo">Perfil</ui:define>
            <ui:define name="contenido">
                <p:growl id="messages" showDetail="true" />
                <h:form id="datosPerfil">
                    <p:fieldset legend="Crear Perfil">
                        <p:panel header="Selección de nombre y privilegios">
                            <h:panelGrid columns="2" width="450"  cellspacing="8" >
                                <h:outputLabel for="perfilnom" value="Ingrese nuevo Perfil: "/>
                                <h:inputText id="perfilnom" value="#{managerAutoridad.nombrePerfil}" required="true" requiredMessage="* Campo: Nombre perfil requerido"/>
                                <br/>
                                <br/>
                                <p:tree value="#{managerAutoridad.root}" var="node" selectionMode="checkbox" selection="#{managerAutoridad.selectedNodes}" propagateSelectionUp="true" propagateSelectionDown="true" expandAnim="FADE_IN" collapseAnim="FADE_OUT">
                                    <p:treeNode>
                                        <h:outputText value="#{node}" style="padding: 15px; font-weight: bold;"/>
                                    </p:treeNode>
                                </p:tree>
                            </h:panelGrid>
                        </p:panel>
                    </p:fieldset>
                    <br/>
                        <p:commandButton image="ui-icon ui-icon-check" value="Crear Perfil" update="messages" actionListener="#{managerAutoridad.displaySelectedMultiple}"/>
                    <br/>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
